<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>后台管理管理中心</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Admin panel developed with the Bootstrap from Twitter.">
    <meta name="author" content="travis">
    <link rel="icon" href="images/leaf.ico" type="image/x-icon" />
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/selfcommon.css" rel="stylesheet">
    <link href="css/site.css" rel="stylesheet">
    <link href="css/bootstrap-responsive.css" rel="stylesheet">
    <script src="js/jquery-2.1.4.min.js"></script>
    <style type="text/css">
        .table th, .table td{text-align: center;}
        ul.navlis{margin-left:0px;}
        ul.navlis li{float:left;list-style:none;padding: 0 3px;}
        ul.navlis li:nth-of-type(1){color:#000;}
        ul.navlis li:nth-of-type(5){color:#0c77ac;}
        p.help-block-error{color:#f36;}
        div.radio{width: 5%;display: block;float: left;}
        div.radio{width: 5%;display: block;float: left;}
        div.form-group{clear:both;}
        p.help-block-error{color:#f36;}
    </style>
</head>
<body>
<div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container-fluid">
            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </a>
            <a class="brand" href="">后台管理</a>
            <div class="btn-group pull-right">
                <a class="btn"><i class="icon-user"></i>admin</a>
                <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
                    <span class="caret"></span>
                </a>
                <ul class="dropdown-menu">
                    <li><a href="">Logout</a></li>
                </ul>
            </div>
            <div class="nav-collapse">
                <ul class="nav">
                    <li><a href="">Home</a></li>
                    <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">菜单管理<b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="">菜单列表</a></li>
                            <li class="divider"></li>
                            <li><a href="">添加菜单</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>

<div class="container-fluid">
    <div class="row-fluid">
        <div class="span2">
            <div class="well sidebar-nav">
                <dl>
                    <dt class="nav-header">
                        <a href="#" class="curs">
                            <i class="icon-leaf"></i>
                            <span>分类管理</span>
                        </a>
                    </dt>
                    <dd>
                        <ul class="mycheck">
                            <li><a href="">分类列表</a></li>
                            <li><a href="">添加分类</a></li>
                        </ul>
                    </dd>
                </dl>
                <dl>
                    <dt class="nav-header">
                        <a href="#" class="curs">
                            <i class="icon-user"></i>
                            <span>用户管理</span>
                        </a>
                    </dt>
                    <dd>
                        <ul class="mycheck">
                            <li><a href="">用户列表</a></li>
                            <li><a href="">锁定用户</a></li>
                        </ul>
                    </dd>
                </dl>
            </div>
        </div>
        <div class="span10">
            <div class="row-fluid" style="width:98%;">
                <div class="page-header">
                    <ul class="navlis">
                        <li>首页</li>
                        <li>>></li>
                        <li>文章管理</li>
                        <li>>></li>
                        <li>发布文章</li>
                    </ul>
                </div>
                <form id="w0" class="form-horizontal" action="" method="post">
                  <input type="hidden" name="_csrf" value="">
                  <div class="form-group field-articleform-cid required">
                    <div class="control-group">
                      <label class="control-label" for="articleform-cid">所属分类</label>
                      <div class="controls">
                        <select id="articleform-cid" class="input-xlarge span11 ls-put" name="ArticleForm[cid]" aria-required="true">
                          <option value="">请选择所属分类</option>
                          <option value="1">PHP</option>
                        </select>
                        <span>
                          <p class="help-block help-block-error"></p>
                        </span>
                      </div>
                    </div>
                  </div>
                  <div class="form-group field-articleform-title required">
                    <div class="control-group">
                      <label class="control-label" for="articleform-title">文章标题</label>
                      <div class="controls">
                        <input type="text" id="articleform-title" class="input-xlarge span11 ls-put" name="ArticleForm[title]" placeholder="请输入标题名称..." aria-required="true">
                        <span>
                          <p class="help-block help-block-error"></p>
                        </span>
                      </div>
                    </div>
                  </div>
                  <div class="form-group field-mydatepicker required">
                    <div class="control-group">
                      <label class="control-label" for="mydatepicker">发布时间</label>
                      <div class="controls">
                        <input type="text" id="mydatepicker" class="input-xlarge span11 ls-put" name="ArticleForm[addtime]" placeholder="Y-M-D H:i:s" aria-required="true">
                        <span>
                          <p class="help-block help-block-error"></p>
                        </span>
                      </div>
                    </div>
                  </div>
                  <div class="form-group field-articleform-intro required">
                    <div class="control-group">
                      <label class="control-label" for="articleform-intro">摘要</label>
                      <div class="controls">
                        <textarea id="articleform-intro" class="input-xlarge span11 ls-put" name="ArticleForm[intro]" rows="3" placeholder="请输入文章摘要..." aria-required="true"></textarea>
                        <span>
                          <p class="help-block help-block-error"></p>
                        </span>
                      </div>
                    </div>
                  </div>
                  <div class="form-group field-articleform-color required">
                    <div class="control-group">
                      <label class="control-label" for="articleform-color">标题颜色</label>
                      <div class="controls">
                        <input type="text" id="articleform-color" class="input-xlarge span11 ls-put" name="ArticleForm[color]" placeholder="请选择颜色..." aria-required="true">
                        <span>
                          <p class="help-block help-block-error"></p>
                        </span>
                      </div>
                    </div>
                  </div>
                  <div class="form-group field-articleform-click_num required">
                    <div class="control-group">
                      <label class="control-label" for="articleform-click_num">点击数</label>
                      <div class="controls">
                        <input type="text" id="articleform-click_num" class="input-xlarge span11 ls-put" name="ArticleForm[click_num]" value="1" aria-required="true">
                        <span>
                          <p class="help-block help-block-error"></p>
                        </span>
                      </div>
                    </div>
                  </div>
                  <div class="form-group field-articleform-content required">
                    <div class="control-group">
                      <label class="control-label" for="articleform-content">文章内容</label>
                      <div class="controls">
                        <textarea id="articleform-content" class="input-xlarge span11 ls-put" name="ArticleForm[content]" rows="3" aria-required="true"></textarea>
                        <span>
                          <p class="help-block help-block-error"></p>
                        </span>
                      </div>
                    </div>
                  </div>
                  <div class="form-actions">
                    <button type="submit" class="ell-btn" name="login-button">立即创建</button></div>
                </form>
            </div>
        </div>
        <hr>           
    </div>
    <footer class="well" style="margin-top: 50px;text-align:center;">
        &copy; Copyright @ 2020-2022 bawei.cn All Rights Reserved | ICP备18015440号-2
    </footer>
    <!-- ueditor -->
    <script type="text/javascript" src="ueditor/ueditor.config.js"></script>
    <script charset="utf-8" src="ueditor/ueditor.all.min.js"></script>
    <script charset="utf-8" src="ueditor/lang/zh-cn/zh-cn.js"></script>
    <!-- pickcolor -->
    <script src="pickcolor/jquery.minicolors.js"></script>
    <link rel="stylesheet" href="pickcolor/jquery.minicolors.css">
    <!--date-->
    <link rel="stylesheet" href="pickdate/css/dcalendar.picker.css"/>
    <script type="text/javascript" src="pickdate/js/dcalendar.picker.js"></script>
    <script type="text/javascript">
        $('#mydatepicker').dcalendarpicker({
            format:'yyyy-mm-dd'
        });
    </script>
    <!--datend-->
    <script type="text/javascript">
        let ue = UE.getEditor('articleform-content', {
            initialFrameHeight:600,
            initialFrameWidth:1355
        });
        $('#articleform-color').each( function() {
            $(this).minicolors({
                control: $(this).attr('data-control') || 'hue',
                defaultValue: $(this).attr('data-defaultValue') || '',
                inline: $(this).attr('data-inline') === 'true',
                letterCase: $(this).attr('data-letterCase') || 'lowercase',
                opacity: $(this).attr('data-opacity'),
                position: $(this).attr('data-position') || 'bottom left',
                change: function(hex, opacity) {
                    if( !hex ) return;
                    if( opacity ) hex += ', ' + opacity;
                    try {
                        console.log(hex);
                    } catch(e) {}
                },
                theme: 'bootstrap'
            });
        });
    </script>
</div>
</html>
